<template>
  <div class="page">
    <el-result
        icon="error"
        title="登录异常"
        sub-title="登录认证已过期，请重新登录"
    >
      <template #extra>
        <el-button type="primary" @click="reLogin">重新登录</el-button>
      </template>
    </el-result>
  </div>
</template>

<script>
import router from "@/router";
import {ElLoading} from "element-plus";

export default {
  name: "TokenError",
  created() {
    const loadingInstance = ElLoading.service({fullscreen: true})
    loadingInstance.close()
  },
  methods: {
    reLogin() {
      router.push({name: "login"})
    }
  }
}
</script>

<style scoped>
.page {
  /*display: flex;*/
  /*align-items: center;*/
  /*text-align: center;*/
  height: 100vh;
  /*width: 100vh;*/
}
</style>